<!--
 * @Author: Wei yangming
 * @Date: 2021-07-03 18:00:34
 * @LastEditTime: 2021-07-07 11:37:57
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \大三课设\xxtx\src\views\lianxiwomen.vue
-->
<template>
    <div class="lianxiwomen">
        <Header></Header>
        <!-- 大图-->
        <div class="big_pic">
            <img  src="/images/tushu.jpg" alt="">
        </div>
         <div class="wrapper">
            <el-popover 
                placement="bottem"
                title="联系方式"
                width="350"
                trigger="click"
                content=" 电话：18295974198
                          微信：19835524486
                           QQ:  941657464
                           地址：太原理工大学明向校区">

                 <el-button slot="reference">服务中心</el-button>
            </el-popover>
        </div>
        <Dibu> </Dibu>
    </div>
 
</template>
<!--js -->
<script>
// 头部
 import Header from './components/Header'
 import Dibu from './components/Dibu'
export default {
  components:{
    Header,
    Dibu
  }
//    data(){

//   },
//   created(){
//      //获取项目id
//      let lianxiwomenId = this.$route.query.lianxiwomenId;
//      //通过id查询项目，展示到页面中
//   }
}
 </script>  

<!-- 样式-->
<style lang="scss" scoped>
.lianxiwomen{
    .wrapper {
    width: 10%;
    margin: 10px auto;  //左右居中
  }
    .big_pic{
        width: 100%;
        height: 100%;
        margin: 10px 300px;
    }
    .tishi{
        margin: 0,auto;
    }
}


</style>
